<template>
	<view class="">
		<view class="flex fz24 alicen border1 boree" style="height: 200rpx;" v-for="(item,index) in list" :key="index">
			<view class="w12-5b txtcen h100b flexCenter">{{item.zxkm}}</view>
			<view class="w12-5b h100b bdl1-left1 boree">
				<view class="  txtcen  bdr1_bottom boree h33b flexCenter" v-for="(item1,index1) in item.yearsData" :key="index1">
					{{item1.year}}
				</view>
			</view>
			<view class="w12-5b h100b bdl1-left1 boree">
				<view class="txtcen bdr1_bottom boree h33b flexCenter" v-for="(item1,index1) in item.yearsData" :key="index1">
					{{item1.gradeLine}}
				</view>
			</view>
			<view class="w12-5b h100b bdl1-left1 boree">
				<view class="txtcen h33b" v-for="(item1,index1) in item.yearsData" :key="index1">
					<view class="h50b bdr1_bottom col359eff boree">{{item1.minGrade}}</view>
					 <view class="h50b bdr1_bottom col40 boree">{{item1.minGradeSeq}}</view>
				</view>
			</view>
			<view class="w12-5b h100b bdl1-left1 boree">
				<view class="txtcen h33b" v-for="(item1,index1) in item.yearsData" :key="index1">
				<view class="h50b bdr1_bottom boree col359eff">{{item1.seqGrade}}</view>
				 <view class="h50b bdr1_bottom boree col40"> {{item1.seq}}</view>
				</view>
			</view>
			<view class="w12-5b h100b bdl1-left1 boree">
				<view class="txtcen h33b" v-for="(item1,index1) in item.yearsData" :key="index1">
				<view class="h50b bdr1_bottom boree col359eff">{{item1.avgGrade}}</view>
				 <view class="h50b bdr1_bottom boree col40"> {{item1.avgGradeSeq}}</view>
				</view>
			</view>
			<view class="w12-5b h100b bdl1-left1 boree">
				<view class="txtcen h33b" v-for="(item1,index1) in item.yearsData" :key="index1">
				<view class="h50b bdr1_bottom boree col359eff"> {{item1.planSubmitAdmission.split('-')[0]}}</view>
				 <view class="h50b bdr1_bottom boree col40">{{item1.planSubmitAdmission.split('-')[1]}}</view>
				</view>
			</view>
			<view class="w12-5b txtcen w12-5b txtcen h100b boree flexCenter bdl1-left1" @tap.stop="favorite(item)">收藏</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default: (() => [])
			}
		},
		data() {
			return {

			}
		},
		methods:{
			favorite(e){
				this.$emit('favorite',e)
			}
		}
	}
</script>

<style lang="scss">
	.container {
		padding: 20px;
	}

	.table {
		display: table;
		width: 100%;
	}

	.table-row {
		display: table-row;
	}

	.table-cell {
		display: table-cell;
		padding: 10px;
		border: 1px solid #ddd;
		text-align: center;
	}

	.table-cell[colspan] {
		text-align: center;
	}

	.table-cell[rowspan] {
		vertical-align: middle;
	}
</style>